// Element Plus 前台组件样式
.el-menu {
  --el-menu-bg-color: transparent;
  --el-menu-text-color: var(--front-text);
  --el-menu-hover-text-color: var(--front-primary);
  --el-menu-active-color: var(--front-primary);
}

.el-button {
  &.admin-btn {
    --el-button-bg-color: var(--front-primary);
    --el-button-text-color: #fff;
    --el-button-border-color: transparent;
    --el-button-hover-bg-color: var(--front-primary);
    --el-button-hover-text-color: #fff;
    --el-button-active-bg-color: var(--front-primary);
    --el-button-active-text-color: #fff;
  }
}

.el-select {
  --el-select-border-color-hover: var(--front-primary);
  --el-select-input-focus-border-color: var(--front-primary);
  
  .el-input {
    --el-input-bg-color: var(--front-bg-secondary);
    --el-input-text-color: var(--front-text);
    --el-input-border-color: var(--front-border);
    --el-input-hover-border-color: var(--front-primary);
  }
}

.el-dropdown-menu {
  --el-dropdown-menu-bg-color: var(--front-bg);
  --el-dropdown-menu-text-color: var(--front-text);
  --el-dropdown-menu-hover-bg-color: var(--front-bg-secondary);
  --el-dropdown-menu-hover-text-color: var(--front-primary);
}

.el-card {
  --el-card-bg-color: var(--front-bg);
  --el-card-border-color: var(--front-border);
  
  &.product-card {
    --el-card-bg-color: var(--front-bg-secondary);
  }
}

.el-dialog {
  --el-dialog-bg-color: var(--front-bg);
  --el-dialog-border-color: var(--front-border);
  --el-dialog-title-color: var(--front-text);
  --el-dialog-content-color: var(--front-text);
}

.el-message {
  --el-message-bg-color: var(--front-bg);
  --el-message-border-color: var(--front-border);
  --el-message-text-color: var(--front-text);
}

// 玻璃态主题特殊处理
.theme-dark-glass {
  .el-menu,
  .el-card,
  .el-dialog,
  .el-dropdown-menu {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
} 